#What is AssemblyScript

[bondadanagaraju]

BONDADA NAGARAJU: WEB ASSEMBLY AND ASSEMBLY SCRIPT

What if you could easily incorporate brilliant features from other programming languages into your JavaScript project? That is the overall concept of WebAssembly. Full-stack Developer Bondada Nagaraju teaches you about WebAssembly and AssemblyScript in Part 3 of our WebVR series, demonstrating how they may be used to create a browser-backend for web apps.

WebAssembly is not a replacement for JavaScript as the web's and the world's lingua franca.

[certainsuitkid]

What is AssemblyScript? https://ift.tt/3kdl5rv

[mylittlegameplan]

Making a Little Game: A Review

During the month of April, I set out to make a game. My goal specifically was to make a game in about one month. It didn’t take me long at all to pick up on the basics of using the WASM-4 game engine. I feel accomplished with not only finishing my game, but the process I took while making it.

Lately, I have been trying to transition my career from that of an IT manager to a software developer, but I was having trouble finishing the projects I started. I knew that I needed to work on a project that would offer a quick result; I needed just a little win to get things moving.

I decided to work with a fantasy console. I love retro games and retro computing and fantasy consoles offer a very  accessible way to attain that aesthetic. A fantasy console is like an emulator for an old computer, but instead of emulating a real computer, it emulates a fictional idealized retro machine. You may have heard of other fantasy consoles like Pico-8 or TIC-80. However, it was the WASM-4 console that checked all my boxes:

Open-Source, this is a very important part of my development style.

Exports to Web, I wanted my game to be very accessible even from mobile devices.

Fantasy Console limitations, I liked the idea of being restricted to the style of a retro system.

You might ask why I would want to intentionally restrict my design? It makes the development process simpler, focused, and free of distractions. More flexible game engines have been confusing and distracting me lately. It’s easy to get overwhelmed by all the features and options they have, but a fantasy console makes it simple what I can and cannot do. It provides me with a limited tool set and lets me come up with the rest.

Working with WASM-4 was mostly straightforward. Getting it set up using NPM was easy. Learning AssemblyScript wasn’t too difficult for me, but I have had previous experience coding in JavaScript, C++, and other languages. I was, however, constantly going back and forth between the docs for WASM-4, AssemblyScript, and TypeScript because sometimes the problem with my code was in one system or it was deeper in another. I also enjoyed the flexibility of using the text editor of my choice (Atom) as opposed to other fantasy consoles that recommend or even require you use their in-system editor. I get how a custom editor in the same system can help with the immersion of the experience of working with an older computer, but I prefer to have the option of using an editor that I can customize to my preferences.

One of the other reasons I chose to go with WASM-4 over other fantasy consoles was the use of WebAssembly. I had been toying around with the idea of actually making a game for an older system. I wanted to learn about the process of working with a low-level language or even assembly language. However, I felt intimidated by the prospect of having to dig up decades-old references on how to program for these systems and deal with the quirks of a piece of hardware that had been out of support since my childhood (or older). WebAssembly shares the low-level style of working with an older system, but utilizes modern technology. Technology that is being used practically and developed on to this day. WebAssembly is a growing part of the infrastructure of the internet today and that was exciting to me.

I learned many things while working on this project. I brushed up on JS concepts that I had grown rusty on. I learned about bit manipulation in JS. I learned memory manipulation in AssemblyScript, including dynamic memory and garbage collection which caused me some concern near the end of my project. Lastly, I learned about myself and my working styles. Creating (almost) daily blog posts chronicling my development exploits helped me to reflect on what I had done that day. Ending the day with creating a to-do list for the next day helped me to pick up work more quickly at the start of the next day. Finding places that improved my productivity was also a learning experience.

I believe that creating this small game, Floppy Fish for the WASM-4, has been the kick start I needed to get moving on my game development career. I’m looking forward to working on bigger and better things; my next project is going to be made using the Godot game engine. Even so, I certainly will return to WASM-4 to work on other little retro projects especially if I find myself overwhelmed by the bigger industry again.

[swagharmonywinner]

What is AssemblyScript? https://ift.tt/3kdl5rv https://ift.tt/2UgvLrq

[innosync]

Useful analysis of sharded general public chain Close to ecological DApp deployment and interaction logic

The logical geometry of creating a DApp on the shard public chain NEAR? Analyze the logic process behind DApp deployment and blockchain conversation with source program code practice. Original title: "Close to Application and Blockchain Interaction Analysis" Compiled by: Ni Sen NEAR is really a next-generation general public chain project that uses sharding to boost blockchain scalability and focuses on performance and user experience. It really is committed to providing a system that can market the large-scale usage of Dapp. This short article explores the logical process behind Dapp deployment and interaction with the blockchain by creating a sample project and combining source code analysis. Create a deployment Dapp 1st develop a simple Dapp. Environmental installation Before performing the next steps, make sure you have installed npm, node, near-shell, and develop tools such as for example gulp. Create project What's create-near-app create-near-app is really a template device used to quickly generate the basic framework of a project. It currently works with react templates and indigenous templates. Use create-near-app to produce a simple project framework myapp in today's directory: npx create-near-app --vanilla myapp The picture below shows a basic project that was successfully created. Among them, hide is responsible for storing main code, assembly can be used to shop contract code, and neardev can be used to store some accounts configurations. Create account and authorize Following the project is established, unless you have a NEAR account, first go to the wallet to create an account, and execute near login in the project directory to authorize the account based on the operation steps. At this time, the corresponding accounts file will be created in the neardev folder. Next, create a merchant account for the agreement: near create_accounts myappaccount --masterAccount=hashquark --initialBalance 2 Change the contract name in conceal/config.js to the name of the agreement you just created: Package and begin After installing dependencies and starting the project with npm install && npm start, you can go to the local port 5000 to open the web site. After logging in to the wallet and completing the authorization, it will come back to the home page to display the welcome consumer (as proven in the amount below). Process analysis The following will combine source code analysis to explore the process logic of the above steps. Contract compilation What's wasm WebAssembly, also called wasm, is an experimental low-end programming language applied to your client in the internet browser. Wasmer is a wasm runtime atmosphere in addition to the internet browser. NEAR's smart agreement virtual machine is implemented predicated on wasmer, and its own smart contract also needs to be compiled right into a wasm file. NEAR smart agreements currently support composing in AssemblyScript or Rust. When building the project, the smart agreement will eventually be compiled into a wasm file and kept in the out directory. You can view the related logic in the gulp configuration file: Contract deployment NEAR tool introduction ChainLink near-shell is a command series tool used to interact with the near protocol, based on nearlib. nearlib is a Javascript SDK that interacts with the near protocol. Once you execute npm begin to begin the project, it will first execute close to deploy to deploy the contract. The near deploy command is a near-shell order. The main code is demonstrated below: As you can see, near deploy executes nearlib's deployContract method through the account under the neardev folder, which calls signAndSendTransaction to send the transaction for deploying the agreement:  It isn't difficult to note that the core of the deployment contract would be to construct the transaction with agreement data, indication it with the account, and then send the signed deal to the node. Sending a deal essentially encodes the info and sends a JsonRpc request with a method named "broadcast_tx_commit" to the node. The decision relationship diagram of contract deployment is as follows: Next, how will the node handle JsonRpc requests? Node processing deployment request What is nearcore nearcore can be an official node execution of the near protocol, written in Corrosion. The execution of nearcore uses the actix framework for concurrent and asynchronous digesting. Actix will be ??an Actor-based concurrency design that exchanges information for parallel processing through message passing. When the nearcore node starts, it will begin an http service to process the RPC request of the node; ViewClientActor, ClientActor and PeerManagerActor are also started at the same time to respond to different events: As is seen from the body below, the http assistance mainly makes use of JsonRpcHandler to procedure each request. The primary processing functions of JsonRpcHandler are as follows, when we get a request with a method named "broadcast_tx_commit", we will call the send_tx_commit solution to process:

The core of the send_tx_commit method would be to send a NetworkClientMessages message of the Transaction type to the ClientActor to which it really is bound. In ClientActor, you can see that the message is processed by process_tx: In the course of action_tx method, it'll first check if the transaction is one of the shard it is in: If so, check the validity of the transaction and determine whether you're an active validator, and when it isn't a dynamic validator, you may be handled by another validator. If not, it'll be handled by other nodes. After that, the transactions in the memory pool will undoubtedly be stored on the blockchain through consensus, in order that our contract may also exist on the blockchain. The aforementioned process can refer to the next diagram: The contract calls the view method Following the smart contract is deployed, what goes on when the contract technique is called? Contract view technique and change method The methods of the NEAR smart contract could be split into the view method and the change method. The watch method does not change the state of the blockchain, as the change technique is the opposite, so user authorization is normally required. In myapp/primary.js, the nearlib technique will be called first to produce a reference to the close to node and instantiate the contract technique. In the myapp task, the view technique you want to call will be specified when instantiating-welcome. When instantiating the contract, utilize the loadContract method to generate a contract object: When generating the agreement object, bind the accounts, contract title and specific interface through the structure method: Then, within the processing function right after login, the welcome method defined in the contract is named, and the effect is displayed in the page. When the welcome method is called, the viewFunction bound at instantiation is executed. It can be seen that calling the welcome approach to the contract essentially sends a JsonRpc request with the technique name "query" to the node, the parameter path is "call/$contractId/$methodName", and data may be the methodName parameter. The aforementioned process can refer to the following figure: Node processing watch method Like the aforementioned near processing "broadcast_tx_commit", processing the "query" RPC request will call the query approach to JsonRpcHandler. The core of the query method is to send a Query message to the ViewClientActor bound by JsonRpcHandler for processing. The core of ViewClientActor's processing of Query messages: first query the fragment information where the query content is situated, if that's the case, call its own query (including calling the virtual machine execution method, etc.), or even, path it to additional nodes for processing. The above process can refer to the next diagram: Summary This article analyzes how the Dapp initiates a demand and how the Close to node processes the request through the procedure by creating, deploying, and invoking a straightforward NEAR smart agreement. I am hoping that by elaborating on this process, it could be enlightened to visitors and NEAR technology enthusiasts.

[goldira01]

CasperLabs, the firm tasked with developing Ethereum’s implementation of Proof-of-Stake (PoS), has decided to launch its own blockchain.

According to a recent announcement, CasperLabs plans to launch its own PoS blockchain in collaboration with Singapore-based crypto exchange BitMax.

BitMax will host CasperLabs’ Exchange Validator Offering (EVO) and allow retail investors to get hold of the network’s CLX tokens. The exchange will also operate a full node of the network at its launch to facilitate staking for retail sale participants.

The sale mechanics

According to the offering’s website, the founding target is 3,000,000 USDT and will sell investors 10% of the total supply of 10 billion CLX. CasperLabs plans to put about 20% of the supply in circulation during the first year after the mainnet launch.

The EVO is part of the validator round and all the purchased tokens will be locked for 90 days after the mainnet launch, which is expected to take place in Q3 2020. During the lock period, the tokens will participate in validator staking and earn staking rewards. After the lock period ends, the token release will take place progressively over the next nine months at a rate of 1/38th per week.

The CLX price during the EVO is $0.01 per token, while an eventual public sale would sell them at a minimum bid price of $0.02 each. The announcement explains the reasoning behind the sale setup:

“CasperLabs has made no token offerings to date and all funding has been conducted via a standard Series A equity financing. The decision not to sell tokens was based on ensuring open access to the underlying system. […] CasperLabs, together with BitMax.io, is taking a novel approach to challenge the status quo of staking power consolidation amongst institutions by conducting the industry’s first EVO.”

CasperLabs’ blockchain value proposition

CasperLabs CEO Mrinal Manohar told Cointelegraph that the firm will primarily be a publisher of open-source software and does not plan to participate in the network in other ways other than hosting an EVO or operating a full node. 

When asked about the network’s value proposition, he explained that his company is trying to add to Bitcoin’s copy protection and make Ethereum’s smart contracts more scalable, adding:

“CasperLabs is purpose-built to scale blockchains without sacrificing decentralization and security.”

Manohar said that his firm has embraced open programming standards and support for programming languages that are not crypto-specific like Rust and AssemblyScript. He also said that the network is not Ethereum virtual machine-compatible and does not support its smart contract programming language Solidity. He noted that, over time, support for other programming languages can be added by the team or the community, adding:

“We will not be EVM compatible or support solidity. We went the route toward fully embracing open programming standards. That being said, as Ethereum moves towards eWASM, this would be something that is reasonably easy to integrate into our contracting system as well.”

Manohar explained that Casperlabs’ blockchain tries to make work easier for developers by storing smart contracts at immutable addresses, having a flexible account structure, and hosting multiple transaction payment options instead of making the sender always pay for transactions. When asked why the firm decided to pursue its own project instead of working on Ethereum’s protocol, he said:

“We have always been an independent project, and there has been no change here. We are an open-source project, though, and we are always open to collaboration (and do collaborate with Ethereum and other protocols).”

CasperLabs’ work on Ethereum’s protocol

In the past, CasperLabs made significant contributions to the development of Ethereum’s aptly named “Casper” PoS protocol. In early November 2019, the firm released what it claimed to be the first correct-by-construction Casper implementation that is provably safe.

In September 2019, CasperLabs raised $14.5 million to design blockchain scalability solutions.

[t-baba]

Front end tooling, building your own React, and getting started with AssemblyScript

#463 — November 15, 2019

Read on the Web

JavaScript Weekly

Build Your Own React — An interestingly presented walkthrough of creating your own React-a-like from scratch. You’ll need some time (and be gentle with the scrolling) but this is an interesting way to present such a walkthrough.

Rodrigo Pombo

The Bytecode Alliance: Building A Secure-by-Default, Composable Future for WebAssembly — The Bytecode Alliance is a new industry partnership (originally between Mozilla, Fastly, Intel, and Red Hat) designed to forge WebAssembly’s ‘outside-the-browser’ future. If you’re not yet in sync with why WebAssembly outside the browser makes sense, this announcement should give you a good idea.

Mozilla Hacks

Hone Your JavaScript Skills in Just One Week — Catch up on all the JavaScript advancements and in just one week you’ll be prepared to pick up and apply whatever the web ecosystem throws at you for years to come.

Big Nerd Ranch sponsor

The Introductory Guide to AssemblyScript — AssemblyScript, a TypeScript-to-WebAssembly compiler, provides a way to get around the steep learning curve for WebAssembly and makes it easier to integrate features that need WebAssembly into typical JS projects.

Danny Guo

Results of the 2019 Front-End Tooling Survey 2019 — Over 3,000 developers took part in this front-end tooling survey, answering a wide range of questions on things such as tooling and methodologies. React and Vue leapt up in popularity since last year with jQuery and Lodash dropping. Webpack dominates in the bundler space, Jest dominates the testing space, and most of us are using ESLint.

Ashley Nolan

Brendan Eich, Inventor of JavaScript, Did a Reddit AMA — He also helped co-found Mozilla and has just launched version 1.0 of Brave, a privacy-focused browser. Several of the questions are about Brendan’s work on JavaScript and may be of interest.

Reddit

30 Seconds of Code: A Curated Collection of Useful JS Snippets — We’ve linked this project a couple of times over the years, but it has continued to get lots of updates, so if you want to do lots of interesting things with arrays, math, strings, vectors, and more, check it out. A handy resource.

30 Seconds

⚡️ Quick Releases

GreenSock 3.0 — Long standing animation system / library.

React 16.12.0 — See this week's React newsletter for more.

TUI Editor 1.4.8 — Powerful WYSIWYG Markdown editor.

ExcelJS 3.4 — Read and write to Excel spreadsheets.

Choices 9.0 — Configurable select box/text input plugin.

💻 Jobs

Frontend Developer - React (Remote or UK) — Work from anywhere. Build the next generation analytic platform serving the world's leading brands.

RethinkXSocial

Senior Software Engineer at Getty (Los Angeles, CA) — Build fantastic tools and interfaces at one of the world's most prestigious cultural heritage orgs using Linked-Open-Data, Python, Structured-CMS, Vue.js.

J. Paul Getty Trust

Find a Job Through Vettery — Make a profile, name your salary, and connect with hiring managers from top employers. Vettery is completely free for job seekers.

Vettery

📘 Articles & Tutorials

Handling null and undefined in JavaScript — What are the best strategies to minimize errors caused by values that could be null, undefined, or otherwise uninitialized at runtime?

Eric Elliott

An Early Look at the Vue 3 Composition API in the Wild — A good way to see some of the benefits of the new API.

Mateusz Rybczonek

Making an Audio Waveform Visualizer with Vanilla JavaScript — A really neat tutorial that breaks down the problem well.

Matthew Ström

Why Unit Tests Aren’t ‘Tests’

Gauge sponsor

A console Cheat Sheet — An illustrated tour of the most popular console methods for debugging code from the dev tools.

Javascript Jeep

How to Add Testing to An Existing Project — Because test-driven development is often more a dream than the reality.

Kent C Dodds

Understanding Client Side Routing by Implementing a Router in Vanilla JS

Will Taylor

How Discord Achieves Native iOS Performance with React Native — Discord, the popular gamer-aimed chat system, chose React Native very early on as the basis for their iOS app, but they’ve had to invest a lot of effort in keeping it performant.

Miguel Gaeta

Top CI Pipeline Best Practices - A Developer's Guide

Datree.io sponsor

Making Instagram.com Faster: Code Size and Execution Optimizations — The latest in a series of JavaScript performance posts from the Instagram team.

Glenn Conner

How TypeScript 3.7 Helps Quality — A look at TypeScript 3.7 through the lens of how its new features impact code quality.

Matt Eland

🔧 Code & Tools

JSON Generator: A Tool for Generating Random Data — Generate any random data you want online with agile JavaScript-powered templates. (Possibly stick with the 'old' version for now, though, the 'new' beta doesn't seem to work properly for me.)

Vazha Omanashvili

pm2 4.2 Released: The Node Production Process Manager — A very mature and widely used process manager that includes a load balancer for keeping Node apps alive forever and to reload them without downtime.

Alexandre Strzelewicz

A Much Faster Way to Debug Code Than with Breakpoints or console.log — Wallaby catches errors in your tests and code and displays them right in your editor as you type, making your development feedback loop more productive.

Wallaby.js sponsor

Ky: Tiny, Elegant Fetch-Based HTTP Client for Browsers — Makes the Fetch API tidier to use as shown here.

Sindre Sorhus

Ajv: A Fast JSON Schema Validator — Supports v5, v6, and v7 proposals and claims to be both the fastest validator for both Node and browser.

Evgeny Poberezkin

Fabric.js 3.5: A SVG-to-Canvas and Canvas-to-SVG Library — Essentially provides an interactive object model on top of an HTML5 canvas.

Fabric.js

progress-estimator: A Progress Bar and Time Estimate for Promises — Tracks time between responses to make the completion time estimates more accurate.

Brian Vaughn

vue-spotify: A Spotify Client Built with Vue.js and Vuex

gk4m

by via JavaScript Weekly https://ift.tt/2CNDcxk

[preciousmetals0]

ETH 2.0 Development Firm CasperLabs to Work on Its Own Blockchain

ETH 2.0 Development Firm CasperLabs to Work on Its Own Blockchain:

CasperLabs, the firm tasked with developing Ethereum’s implementation of Proof-of-Stake (PoS), has decided to launch its own blockchain.

According to a recent announcement, CasperLabs plans to launch its own PoS blockchain in collaboration with Singapore-based crypto exchange BitMax.

BitMax will host CasperLabs’ Exchange Validator Offering (EVO) and allow retail investors to get hold of the network’s CLX tokens. The exchange will also operate a full node of the network at its launch to facilitate staking for retail sale participants.

The sale mechanics

According to the offering’s website, the founding target is 3,000,000 USDT and will sell investors 10% of the total supply of 10 billion CLX. CasperLabs plans to put about 20% of the supply in circulation during the first year after the mainnet launch.

The EVO is part of the validator round and all the purchased tokens will be locked for 90 days after the mainnet launch, which is expected to take place in Q3 2020. During the lock period, the tokens will participate in validator staking and earn staking rewards. After the lock period ends, the token release will take place progressively over the next nine months at a rate of 1/38th per week.

The CLX price during the EVO is $0.01 per token, while an eventual public sale would sell them at a minimum bid price of $0.02 each. The announcement explains the reasoning behind the sale setup:

“CasperLabs has made no token offerings to date and all funding has been conducted via a standard Series A equity financing. The decision not to sell tokens was based on ensuring open access to the underlying system. […] CasperLabs, together with BitMax.io, is taking a novel approach to challenge the status quo of staking power consolidation amongst institutions by conducting the industry’s first EVO.”

CasperLabs’ blockchain value proposition

CasperLabs CEO Mrinal Manohar told Cointelegraph that the firm will primarily be a publisher of open-source software and does not plan to participate in the network in other ways other than hosting an EVO or operating a full node. 

When asked about the network’s value proposition, he explained that his company is trying to add to Bitcoin’s copy protection and make Ethereum’s smart contracts more scalable, adding:

“CasperLabs is purpose-built to scale blockchains without sacrificing decentralization and security.”

Manohar said that his firm has embraced open programming standards and support for programming languages that are not crypto-specific like Rust and AssemblyScript. He also said that the network is not Ethereum virtual machine-compatible and does not support its smart contract programming language Solidity. He noted that, over time, support for other programming languages can be added by the team or the community, adding:

“We will not be EVM compatible or support solidity. We went the route toward fully embracing open programming standards. That being said, as Ethereum moves towards eWASM, this would be something that is reasonably easy to integrate into our contracting system as well.”

Manohar explained that Casperlabs’ blockchain tries to make work easier for developers by storing smart contracts at immutable addresses, having a flexible account structure, and hosting multiple transaction payment options instead of making the sender always pay for transactions. When asked why the firm decided to pursue its own project instead of working on Ethereum’s protocol, he said:

“We have always been an independent project, and there has been no change here. We are an open-source project, though, and we are always open to collaboration (and do collaborate with Ethereum and other protocols).”

CasperLabs’ work on Ethereum’s protocol

In the past, CasperLabs made significant contributions to the development of Ethereum’s aptly named “Casper” PoS protocol. In early November 2019, the firm released what it claimed to be the first correct-by-construction Casper implementation that is provably safe.

In September 2019, CasperLabs raised $14.5 million to design blockchain scalability solutions.

[mylittlegameplan]

Working with AssemblyScript

Had some trouble with writing a simple FOR loop today. The way AssemblyScript handles memory is kind of weird. The idea is that it's closer to actual assembly language than other JS type languages. Figuring it out is why I like using WASM-4 though. I feel like I'm learning assembly while relearning JS.

Managed to make my "rock" object for floppy fish. I also made a general debug method for testing purposes. Although I may want to touch that up a little. I gave up on the FOR loop btw and just used a WHILE loop instead. Eventually I need to go back to figure out what was wrong with the for loop though because it's a pretty basic concept.

[t-baba]

Keep betting on JavaScript, says Kyle Simpson

#443 — June 28, 2019

Read on the Web

JavaScript Weekly

The Cost of JavaScript in 2019 — Almost a year ago, we linked to Addy Osmani’s Cost of JavaScript in 2018 article, and he’s back with an update for 2019 in both video and article forms. If you want to get a feel for where the true bottlenecks are with JavaScript right now, this is a must read.

Addy Osmani

Bliss.js: Making Native APIs Nicer to Use from Vanilla JS — At first glance, you might think this looks a bit like jQuery, but it’s lighter and built with vanilla JS and modern standards in mind.. it just cleans up the rough edges of working with native browser APIs. The latest version includes some new methods such as $.load for loading JS or CSS resources and $.when for deferring code execution.

Lea Verou

New Course: 💡 Functional Light JavaScript by Kyle Simpson — Apply functional programming concepts in JavaScript to make your programs more readable and less error-prone. Tour through function purity, currying, immutability, recursion, list operations and concepts like monads and transduction.

Frontend Masters sponsor

The Secret of Good Electron Apps — Without being too spoilery, the ‘secret’ to making better Electron apps is to take as much of the processing local to the app itself rather than relying entirely upon remote services (i.e. just being a glorified Web browser).

James Long

▶  The Weird History of JavaScript — A fun, 10 minute fly through of the history of JavaScript. This 10 minutes will give you some fun facts for your next dev conversation or JavaScript job interview ;-)

Fireship

The State of Angular in 2019 — We don’t focus on much beyond the big releases and best tutorials when it comes to Angular, but if you’ve been wondering what’s going on with it, here’s an overview of the state of the Angular ecosystem.

Giancarlo Buomprisco

▶  Keep Betting on JavaScript — Kyle Simpson presents a history lesson of JavaScript, looks at how a variety of features were (or weren’t) introduced, and compels us to think about the future of the Web and JavaScript as we contribute and ‘place bets’ on technologies.

Kyle Simpson

💻 Jobs

Senior Node.js API Engineer - Exodus (Remote) — Do you live for beautiful APIs? We're looking for a meticulous, obsessive leader to focus on our backend API services.

Exodus

Stream Is Hiring a Senior React Native Engineer in Boulder, Colorado — Enjoy problem-solving and working with React Native? Do you thrive in a team environment? Join us at Stream by applying now.

Stream

Find a JavaScript Job on Vettery — Vettery specializes in tech roles and is completely free for job seekers.

Vettery

📘 Tutorials, Opinions, and Videos

A Look at Object.fromEntries — The new Object.fromEntries API performs the inverse of Object.entries. It’s an ES2019 feature but is already widely supported.

Mathias Bynens

The 10 React Component Commandments — A handy walkthrough of 10 ‘practical commandments’ for creating components that you can share widely and that other developers will actually want to use.

Kristofer Selbekk and Caroline Odden

Building a Data Stream for IoT with NiFi & InfluxDB — Combining NiFi & InfluxDB results in secure, accessible, and usable IoT data streams. This solution enables a single data view across all facilities providing proactive maintenance, failure detection, and more.

InfluxData sponsor

Adding a WebAssembly Component to a React App with AssemblyScript — “If I’m working on a React application for example, could I easily add some WebAssembly to support some things that perhaps need to run a bit quicker?” The answer is yes and here’s a practical demo.

Andy Lee

HTML Includes That Work Today — I’m not sure why we forgot to include this at the time, but it’s a rather neat way to use iframe and a little JavaScript to pull external resources (e.g. SVG or HTML) into the current DOM.

Scott Jehl

▶  Let's Analyze an Exploited NPM Package — A fascinating look at the technicalities of what happened during last year’s event-stream backdoor incident.

Jarrod Overson

Product Announcements: MongoDB 4.2, Auto Scale, Full-Text Search, Data Lake & More.

MongoDB sponsor

An Introduction into Stencil.js — Stencil is a compiler that generates Web Components developed by the Ionic team.

Gabriel Tanner

🔧 Code and Tools

The TypeScript Playground — The online TypeScript sandbox has just had a major upgrade. It supports all compiler flags, different TS versions, has an built-in formatter, and more. Want to experiment with TS? Use it.

TypeScript Project

svelte-adapter: Use Svelte Components with Vue and React — An interesting experiment. See it in action on CodeSandbox.

pngwn

Riot.js: A Simple and Elegant Component-Based UI Library — An interesting alternative UI library that might click with you. “Think React + Polymer but without the bloat.” GitHub repo.

Riot.js

moveTo: A Dependency-Free Scroll Animation Library — Demo page. Supports different easing functions (including custom ones).

Hasan Aydoğdu

Gauge + Taiko = No More Flaky Tests — Everything you need for reliable end to end testing! Gauge and Taiko are free and open source tools created by ThoughtWorks.

Gauge sponsor

Mavo: Build Reactive Webapps with Just HTML and CSS — Extends HTML with extra syntax to describe persistent webapps that can manage state. This week’s release is the first in over a year and includes a lot of changes.

Lea Verou

iconv-lite 0.5: Convert Character Encodings in Pure JavaScript — It’s just had its first release in almost a year.

Alexander Shtuchkin

Elliptic: Fast Elliptic Curve Cryptography in Plain JS

Fedor Indutny

TWGL.js: A Tiny WebGL Helper Library — If you want to write and use actual WebGL but for it to be easier and less verbose, this is for you and the code comparisons will win you over in seconds.

Gregg Tavares

DarkModeJS: A Utility Package for Managing Dark Mode — Uses the matchMedia API and the prefers-color-scheme media query to fire functions whenever a user is in dark mode (or changes the mode).

Assortment

Top Angular Component Libraries to Try in 2019

Saurabh Barot

🐦 VIRAL JS TWEET'O'THE'WEEK

P.S. Did you know we're on Twitter as well? Follow us @JavaScriptDaily

by via JavaScript Weekly https://ift.tt/2XCYbyX

[t-baba]

Experimenting with Bluetooth from JavaScript

#424 — February 15, 2019

Read on the Web

JavaScript Weekly

Replacing a 'Hot Path' in Your App's JavaScript with WebAssembly — One benefit that WebAssembly offers is predictable performance across browsers. But how do you turn a hot path written in JavaScript into WebAssembly? This is a technical piece, but there's lot of interesting stuff, including an introduction to AssemblyScript. (It also provoked an interesting discussion on Hacker News.)

Surma

Resource Prioritization – Getting the Browser to Help You — Consider using <link rel=preload> to load your key scripts at a higher priority. It’s improved Twitter Lite’s time to interactive by 36% says Addy Osmani.

Sérgio Gomes (Google)

Design for Developers ✨ New Course by Sarah Drasner — Become more self-sufficient for the entire process for execution, from concept to design to implementation. Understand the rules for designing and learn to create complex and beautiful front-end experiences.

Frontend Masters sponsor

Funding ESLint's Future — ESLint, a linter tool for JavaScript, is a key part of our ecosystem, and now there’s a plan to fund its continuing maintenance and growth. If you use ESLint at work, consider speaking to your company about helping their cause.

ESLint

▶  Ember.js: The Documentary — Whether or not you’ve used Ember or not, this is a beautifully shot mini documentary (25 minutes) and it’d be great to see more for other projects.

HoneyPot

Bluetooth Anywhere: Experimenting with Bluetooth from JS — Some fun experimenting with interacting with a Bluetooth device (a Nordic Thingy:52) in JS on various setups (desktop browser, Cordova app, and a React Native app).

Peter and Anand

Will It finally: A try/catch Quiz — You probably know how try and catch work, but how well do you know finally? Find out with 4 live examples. You’ll almost certainly learn something here.

James K Nelson

💻 Jobs

Front End Developer✌️ in Beautiful Norway🎉 — Passion for React and GraphQL? Want to move to Norway?

Crystallize

Senior Full Stack JavaScript Developer - Atlanta, GA (Full-Time) — Join our talented team building a cloud-based platform that’s helping some of America’s largest companies track things with RFID.

Strategic Systems

Try Vettery — Vettery specializes in developer roles and is completely free for job seekers.

Vettery

📘 Articles, Tutorials and Opinions

ECMAScript 2019: The Final Feature Set — A concise, factual overview.

Dr. Axel Rauschmayer

Building a Beautiful Animated News App with Vue.js and Vuetify — Vuetify is a Material Design component framework for Vue.

Rachid Sakara

What We've Learned About Hiring Engineering Managers — Over the last year, we have made some critical shifts in our understanding of what we believe makes a great engineering manager at CircleCI.

CircleCI sponsor

Managing Image Breakpoints with Angular — Angular has a built-in feature called BreakPoint Observer that evaluates media queries and reacts to the changing environment.

Tamas Piros

'Trusted Types' To Help Prevent Cross-Site Scripting? — A look at an experimental, Chrome-only API that aims to prevent DOM-based cross-site scripting by only letting special typed objects to make certain types of changes to the page.

Krzysztof Kotowicz (Google)

Simulating Blobs of Fluid with JavaScript and Three.js — A well presented explanation of an area where physics, programming and creativity meet.

Peeke Kuepers

How Has Testing Evolved? - Register for a Live Broadcast with Our Panel to Hear

Nrwl.io sponsor

▶  Discussing the Current State of Service Workers — Google’s Rick Viscomi and Jeff Posnick discuss where service workers are at right now.

Google Chrome Developers

▶  Discussing Maintaining Babel with Henry Zhu — Henry Zhu chats about his role maintaining Babel, the JavaScript compiler.

ShopTalk Podcast podcast

🔧 Code and Tools

Make Your Site’s Pages 'Instant' in 1 Minute — This is a neat little project, and surprisingly simple. Include a small piece of JavaScript on your pag to add just-in-time prefetching of links on your site when people hover over where they intend to go next. It's open source if you want to use the code directly.

Alexandre Dieulot

Fuse.js: A Lightweight Fuzzy-Search Library — A mature library but it’s had some key releases recently. GitHub repo.

Kirollos Risk

Backend, Frontend, Backend, and Side-to-Side — Honeybadger has your monitoring covered. We are the UGK of error, uptime, and check-in monitoring for JavaScript.

Honeybadger sponsor

Mercury Parser: Extract Content From the 'Chaos' of the Web — Extracts the useful parts from Web pages, such as titles, authors, the main content, etc.

Postlight

Next.js 8 Released: Universal React App Framework — Commonly used to build React apps that are happy server-side. Serverless support is the big feature here.

Neutkens, Davis and Ding

Split.js: Create Resizable Split Views / Panes / Frames — There’s a React component variant too.

Nathan Cahill

Three.js Ballooning Demo — A beautiful little demo of a hot air balloon flying over a 3D landscape. It’s open source, too, if you want to play with the code yourself.

Alexander Perrin

by via JavaScript Weekly http://bit.ly/2toQTOA

[t-baba]

#351: Package Manager Yarn Reaches Version 1.0

This week's JavaScript news — Read this e-mail on the Web

JavaScript Weekly

Issue 351 — September 8, 2017

Announcing Yarn 1.0: An Alternative to npm

The Yarn JavaScript package manager is now used by 175,000 projects on GitHub and responsible for 3 billion package downloads per month.

Facebook Code

Building Angular Apps At Scale

A developer at Google shares a sneak preview of a tool (still in alpha) for more efficient builds of large Angular apps.

Alex Eagle

The 2017 Chrome Developer Summit is coming to San Francisco

Connect with Chrome engineers and other leading developers for a two-day exploration of building beautiful and performant experiences at the Yerba Buena Center for the Arts on 23-24 October.

Google, Inc.   Sponsor

Takeoff: A Rapid Dev Environment Designed for Hack Days

Oriented around Hapi, React, React Router v4, Redux, Postgres, and NGINX. GitHub repo.

Tane Piper

Learn How To Debug JavaScript with Chrome DevTools

Ditch console.log debugging once and for all by learning to use breakpoints to debug code within the DevTools.

Brandon Morelli

innerself: A Tiny View + State Management Solution

If ultra-light alternatives to things like React appeal to you, innerself is worth checking out, even if just for the explanation of how it works.

Staś Małolepszy

Jobs

Distributed Systems Engineer at Ably (Remote in EU)If consensus algorithms get your mental juices flowing, then come join the team behind a global and fault-tolerant messaging platform. Ably realtime

Senior Developer - React / Node (Sofia, Bulgaria)If you’re looking to work in an exciting startup and have the opportunity to define the company culture, check this role out. Automio

Can't find the right job? Want companies to apply to you? Try Hired.com.

In Brief

confs.tech: An Up-to-Date List of Upcoming JS Conferences news

Quokka.js Live JavaScript Scratchpad Now Available for Atom news Artem Govorov

Using terminal to view test results is a productivity killer  It's like browsing the web in a text-based browser. We deliver test results in realtime to your editor. Wallaby.js  Sponsor

Building a Simple Notes Manager with Vue.js tutorial Yanis Triandaphilov

Building a Mini Card Game with Polymer 3.0 Preview tutorial Jecelyn Yeen

The Curious Case of 'null >= 0' tutorial A trip down one of JavaScript’s many rabbit holes. “It makes sense, honestly”, says the author. Abinav Seelan

Don’t Be Afraid of Headless Chrome: Why and How to Use It for Ember Testing tutorial Jen Weber

Building TDD RESTful APIs with Koa 2, Mocha and Chai tutorial node Valentino Gagliardi

It’s OK to Not Use Yarn opinion “Is there something wrong with using Yarn? Yes, there is, if you don’t need it.” David Gilbertson

Angular vs. React vs. Vue: A 2017 Comparison opinion An informative take on how to choose the best framework for your next project. Jens Neuhaus

The Wonderful World of Webpack opinion Explains the reasoning behind Webpack, and what makes it more than a mere module bundler. Jack Histon

Micro Frontends: Extending Microservice Ideas to Frontend Development opinion Micro Frontends

How I Convinced Our CTO to Switch From CoffeeScript to ES6 story Zach Schneider

#1 Way to Detect, Diagnose and Defeat Errors 🏆 tools Rollbar detects when code breaks in real-time. Get stack trace and diagnostic data to defeat errors. ROLLBAR  Sponsor

AssemblyScript: A Subset of TypeScript That Compiles to WebAssembly tools

Fastify: Fast and Low Overhead Web Framework for Node.js code node

LookForward.js: Easily Create Smooth Transitions Between Pages code

vue-accordion-menu: A Simple Vue 2 Accordion Menu Component code Wesley Chang

React-PDF: Display PDF Files in Your React App code Demo here. Wojciech Maj

Rythm.js: A JavaScript Library That Makes Your Page 'Dance' code Demo here. Benjamin Plouzennec

Realtime updates on web and mobile that just work  Pusher  Sponsor

Curated by Peter Cooper and published by Cooperpress.

Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status

Stop getting JavaScript Weekly : Change email address : Read this issue on the Web

© Cooperpress Ltd. Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK

by via JavaScript Weekly http://ift.tt/2xRXvoR